@charset "utf-8";
a{ color:#333; text-decoration:none;}
a:hover{ color:#E50112; text-decoration:underline;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fl{ float:left;}
.fr{ float:right;}
/*top*/
.m_top,.g-ft{ display:none;}
.top{ width:100%; float:left; padding-top:15px; text-align:right; font-size:12px;}
.container{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.containers{width:100%; max-width:1400px;height:auto; margin:0 auto; text-align:left;}
.top a{ padding-left:12px; padding-right:12px;}
.head{ width:100%; float:left; background:url(../images/topbg.jpg) top center; background-repeat:no-repeat; padding-bottom:30px;}
.head .tel{ padding-top:25px;}
.topbar_r_wx{ float:right; position:relative;z-index:2000;padding-left:12px;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer; color:#D71317}
.topbar_r_wx:hover div{ display:block; top:32px; right:-20px; z-index:2000}

.navs{ width:100%; height:60px;float:left; background:#2C2F38;}
.navs .container ul{ width:100%; height:auto; float:left; line-height:60px; font-size:1.428em;}
.navs>.container>ul>li{position:relative;float:left; width:11.11%;}
.navs>.container>ul>li,.navs>.container>ul>li>a{display:inline-block;text-align:center}
.navs>.container>ul>li>a{padding:0 25px; color:#fff; margin-right:10px;}
.navs>.container>ul>li.current>a,.navs>.container>ul>li>a:hover{ background:url(../images/menubg.jpg);text-decoration:none;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.navs>.container>ul>li,.navs>.container>ul>li>a{line-height:60px;font-size:18px}
/*banner*/
.banner{ width:100%; height:600px;float:left; text-align:center;}
.fullSlide {width:100%;position:relative;height:600px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on {background:#F00418;}

.search{ width:100%; float:left; height:60px; background:#EFEFEF;}
.keys{ float:left; line-height:60px; font-size:14px;}
.keys a{ color:#666666;}
.sear{ float:right; padding-top:16px;}
.sear .s{ width:298px; height:28px; background:#fff;border-radius:25px; padding-left:16px;
-moz-border-radius:25px; /* Old Firefox */}
.input{ float:left;}
.input input{ width:250px;border:none; line-height:26px;}
.btn{ float:left; padding-top:5px;}
/*about*/
.about{ width:100%; float:left; padding-top:28px;}
.a_tit{ width:25.5%; float:left; background:url(../images/titbg.jpg); background-repeat:no-repeat;padding-top:97px; color:#D71318; font-weight:bold; font-size:40px; padding-left:5.5%; height:178px;}
.a_tit span{ font-weight:100; color:#676767; font-family:Arial, Helvetica, sans-serif;}
.a_con{ width:40.7%; float:left; padding-right:2%; padding-left:1%; line-height:200%; padding-top:53px;}
.a_con a{ float:right; width:120px; line-height:36px; text-align:center; color:#fff; background:#D71318}
.a_img{ width:25.3%; float:right;}
/*product*/
.product{ width:100%; float:left; background:#EFEFEF; padding-top:60px; padding-bottom:70px;}
.pro_class{ width:24%; float:left; padding-right:1%;}
.pro_con{ width:75%; float:left;}
.pro_class .class{ width:100%; float:left;margin-bottom:2px; font-size:18px;}
.pro_class .class a{ width:80%; float:left; background:#fff; line-height:60px; padding-left:20%}
.pro_class .class a:hover{ background:url(../images/classbg.jpg) top right; color:#fff;}
.pro_class .class a.on{background:url(../images/classbg.jpg) top right; color:#fff;}
.pro{ width:32.8333%; float:left; background:#fff; margin-right:0.5%; height:338px; margin-bottom:3px; text-align:center;}
.pro img{ padding:8%; width:84%; padding-bottom:3%; padding-top:3%; padding-bottom:25px;}
/*why*/
.why{ width:100%; float:left; padding-top:45px;}
.why_tit{ width:100%; float:left;text-align:center; line-height:150%;}
.why_tit h1{ font-size:35px; padding-bottom:19px;}
.why_tit p{ color:#666;}

.y_con{ width:100%; height:auto; float:left; padding-top:40px;}
.y_item{ width:49%; height:175px; float:left; padding-right:2%; margin-bottom:65px;}
.y_items{ width:49%; height:175px; float:left; padding-right:0%; margin-bottom:65px;}

.y_img{ width:30.7%;}
.y_txt{ width:62.6%; height:151px; padding-top:20px; padding-left:3%; padding-right:3%;-webkit-transition: all 0.3s;
transition: all 0.3s;}
.y_txt p{ line-height:200%; padding-top:5px;}

/*who*/
.who{ width:100%; float:left; background:url(../images/whobg.jpg) top center; padding-top:55px; padding-bottom:45px;}
.who_img{ float:left; padding-right:3%; width:58%;}
.who_con{ width:39%;float:left; color:#CCCCCC; line-height:200%;}
.who_con h1{ color:#fff; font-size:35px; padding-bottom:15px;}

/*news*/
.news{ width:100%; float:left; margin-top:15px; background:url(../images/titbg.jpg) top center; background-repeat:no-repeat; padding-top:52px;}
.n_tit{ width:100%; float:left; text-align:center;}
.n_tit h1{ padding-bottom:10px;font-size:35px;}
.n_tit span{ font-size:40px; color:#676767; }
.n_con{ width:100%; float:left; padding-top:40px;}
.n_con .n_list{ width:47%; float:left; padding-right:3%; padding-bottom:35px;}
.n_con .n_list .n_date{ width:65px; height:70px; float:left; background:#DD0713; color:#fff; text-align:center; margin-right:20px; font-size:14px; padding-top:5px; padding-left:3px; padding-right:3px;}
.n_con .n_list .n_tits{ color:#666;}
.n_con .n_list .n_tits h1{ color:#333; padding-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical }
.n_con .n_list .n_tits p{ line-height:150%;}

.pagefoot{ width:100%; float:left; background:#3B3F4A; padding-top:30px; padding-bottom:40px;color:#C5C6C9;}
.p_logo{ float:left; border-right:1px solid #272A34; padding-right:50px; height:175px; padding-top:13px;padding-left:240px;}
.p_weixin{ float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:60px; padding-right:60px; padding-top:20px; height:168px; text-align:center;  font-size:14px;}
.p_weixin img{ width:100px; height:100px; border:1px solid #2C2F38; padding:3px; background:#C5C6C9; margin-bottom:6px;}
.p_add{float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_add h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_add p{ font-size:14px; line-height:200%;}

.p_adds{float:left; border-left:1px solid #4E5362;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_adds h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_adds p{ font-size:14px; line-height:200%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.pagebot{ width:100%; float:left; background:#2C2F38; line-height:50px; color:#C5C6C9; font-size:14px;}
.pagebot a{color:#C5C6C9;}
.friendlink{ width:100%; float:left; font-size:12px; color:#999999; line-height:150%; padding-top:6px; padding-bottom:6px;}
.friendlink a{ color:#999;}
.fnt20{ font-size:20px;}
.fnt30{ font-size:30px;}
.color_666{ color:#666;}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.top,.head,.navs,.banner,.keys,.pagefoot,.friendlink{ display:none;}
.m_top,.g-ft{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #007FCC;}
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:170px;}
.m_top_r{ float:left;padding-left:10px;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 13px 6px;
  background-image: url('../images/hamburger.png');
  background-position: 50% 50%;
  background-size: 26px 12px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #eaeaea;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:40%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  background:#D71318;
  line-height:45px;
  color:#fff;
  margin-bottom:5px;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.m_top_m{ float:right; padding-right:10px;color:#E96C32; font-size:14px; font-weight:bold; background:url(../images/tele.png) left center; padding-left:15px; background-repeat:no-repeat; margin-top:12px; line-height:20px;}
.about,.product,.why,.who,.news,.pagebot{ width:96%; padding-left:2%; padding-right:2%; padding-top:8px; padding-bottom:8px;}
.a_tit{ width:100%;padding-top:0px;font-size:20px; padding-left:0; height:auto;}
.a_con{ width:100%;padding-right:0%; padding-left:0%;padding-top:10px;}
.a_img{ width:100%; float:left; text-align:center; padding-top:10px;}
.pro_class{ width:100%; float:left; padding-right:0%;}
.pro_con{ width:100%; float:left; padding-top:30px;}
.pro_class .class{ width:50%;margin-bottom:2px; font-size:13px;}
.pro_class .class a:hover{ background:#D71318;}
.pro_class .class a.on{background:#D71318;}
.why{ padding-top:30px;}
.why_tit h1{ font-size:23px; padding-bottom:19px;}
.y_item{ width:100%; height:auto; padding-right:0%; margin-bottom:25px;}
.y_items{ width:100%; height:auto; padding-right:0%; margin-bottom:25px;}
.y_txt{ height:auto; padding-top:10px;}
.y_img img{ height:auto;}
.y_txt h2{ font-weight:bold;}
.fnt20{ font-size:16px;}
.who_img{ padding-right:0%; width:100%;}
.who_img img{ width:100%;}
.who_con{ width:100%;}
.who_con h1{ color:#fff; font-size:20px; padding-bottom:15px;}
.n_tit h1{ font-size:20px;}
.n_tit span{ font-size:18px;}
.n_con .n_list{ width:100%; float:left; padding-right:0%; padding-bottom:15px;}
.pagebot{ font-size:11px; padding-bottom:70px;}
.g-ft{height:auto;position:relative;text-align:center;z-index: 1; width:100%; float:left;}

.pro{ width:49%; float:left; background:#fff; margin-right:0.5%; height:250px; margin-bottom:3px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro img{ padding:8%; width:84%; padding-bottom:3%; padding-top:3%; height:180px; padding-bottom:25px;}

.social_nav5{position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background:#666; top center no-repeat; border-top:1px solid #fff;}
.social_nav5 li{width:25%; float:left; text-align:center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:nth-child(2){position:relative;}
.social_nav5 li em{ width:28.75%; display:block; margin:0 auto; padding:0.55rem 0 0;}
.social_nav5 li em img{ width:100%;}
.social_nav5 li a{font-size:14px;line-height:192%; color:#fff;}
}